<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>即时通讯公众号平台</title>
<link href="/pages/css/_coolchat.css" >
<link rel="icon" href="./images/favicon.ico">
<link href="./common/layui/css/layui.css" rel="stylesheet">
<link href="./css/mp.css" rel="stylesheet">
<link href="./css/mp_chatPanel.css" rel="stylesheet">
<link href="./css/coolchat.css" rel="stylesheet">

<link href="./scrollbar/nanoscroller.css" rel="stylesheet">

</head>

<style>
	body{
		margin: 0;	
	}
	a:hover {
    	color: #777;
	}
</style>
<body>
	<div class="layui-layout layui-layout-admin">
		<input id="pageCount" type="" name="" style="display: none">
		
		<!-- 顶部 -->
		<div class="mp-head">
		    <div class="mp-head-inner">
		      	<div class="mp-head-layout">
			        <div class="mp-head-layout-side">
			          <h1 class="mp-head-logo">
			            <p onclick="UI.index()" class="top_div_p">酷信公众号平台</p>
			          </h1>
			        </div>

			        <div id="userInfo" class="mp-head-layout-extra">
			          	<div class="weui-desktop-account">
			           
				            <div class="mp-head-account-opr">
				              <span>
				                <div class="mp-head-account-info">
				                  <a href="javascript:;">
				                    <img id="avatar" class="mp-head-account-thumb headChang" src="">
				                  </a>
				                  <a id="status" class="mp-head-status user-back" href="javascript:;"></a>
				                  <div style="line-height: 40px;">
				                  	<b class="mp-head-nickname" style="float:left"></b>
				                  	<img src="./images/quit.png" class="quit_login" onclick="mpHttpApi.logout()" title="退出登录">
				                  </div>
				                </div>
				              </span>
				            </div>
			          	</div>
			        </div>

		      	</div>
		    </div>
		</div>
		 
		
		<!--  left导航栏 -->
		<div id="mp_navBar" class="layui-side layui-side-menu layui-bg-black">
			<ul class="layui-nav layui-nav-tree " style="list-style:none">
				<li id="li_one" class="layui-nav-item layui-nav-itemed">
					<a onclick="UI.index()" class="left_a">首页</a>
				</li>
				<li id="li_six" class="layui-nav-item" style=" position:relative;">
					<a onclick="UI.load_messageList()" class="left_a">消息管理</a>
					<i id="messageNum_count" class="messageNum msgNumHide"></i>
				</li>
				<li id="li_seven" class="layui-nav-item">
					<a onclick="UI.fan(0,0)" class="left_a">粉丝管理</a>
				</li>
				<li id="li_two" class="layui-nav-item">
					<a onclick="UI.pushText()" class="left_a">群发消息</a>
				</li>
				<li id="li_three" class="layui-nav-item">
					<a onclick="UI.pushOneText()" class="left_a">发单图文</a>
				</li>
				<li id="li_four" class="layui-nav-item">
					<a onclick="UI.pushManyText()" class="left_a">发多图文</a>
				</li>
				<li id="li_five" class="layui-nav-item">
					<a onclick="UI.menu(0)" class="left_a">定义菜单</a>
				</li>
				
			</ul>
		</div>
		
		<!-- 首页内容 -->
		<div id="index" class="layui-body" >
			 <div id="index_one" class="layui-row layui-col-space10 index_all">
				<div class="layui-col-md3 index_div_one" style="margin-left: 25px;">
					<a id = "newMsg_area">
						<div class="layui-card-body index_div_body">
							<p id="msgCount" style="cursor:pointer;"></p>
							<p class="index_div_p">新消息</p>
						</div>
					</a>
				</div>
				<div class="layui-col-md3 index_div_one" style="margin-left: 200px;">
					<a id="fansNum_area">
						<div class="layui-card-body index_div_body">
							<p id="fansCount" style="cursor:pointer;"></p>
							<p class="index_div_p">粉丝数量</p>
						</div>
					</a>
					
				</div>
				<!--<div class="layui-col-md3 index_div_one" style="margin-left: 15px;">
					<a onclick="UI.userSum(0)"><div class="layui-card-body index_div_body"><p id="userCount" style="cursor:pointer;"></p><p class="index_div_p">粉丝总数</p></div></a>
					
				</div>-->
			</div>
			
		</div>
		
		<!-- 群发消息 -->
		<div id="pushText" class="layui-body hide" >
			<div class="layui-row layui-col-space10">
				<div class="layui-col-md10" style="margin-left: 10%;margin-top: 2%">
					<textarea id="textbody" name="textbody" class="layui-textarea"  placeholder="请输入要群发的内容"></textarea>
					<div style="margin-top: 2%">
						<button onclick="UI.pushTextToAll()" class="layui-btn">群发</button>
					</div>
				</div>
			</div>
			
			<!-- 示例 -->
			<div class="layui-row layui-col-space10">
				<div class="layui-col-md10" style="margin-left: 10%;margin-top: 3%;height: 2%;" >
					<h1>示例</h1>
					<img alt="" style="margin-left: 20%" src="./images/pushText.png">
				</div>
			</div>
		</div>
		
		<!-- 群发单条图文 -->
		<div id="pushOneText" class="layui-body hide">
			<div class="page_content">
				<div class="layui-row layui-col-space10">
					<div class="layui-col-md10" style="margin-left: 10%;margin-top: 2%">
						<p>标题</p>
						<input class="layui-input" placeholder="请输入标题" id="pushbody" name="body">
						&nbsp;
						<p>小标题</p>
						<input class="layui-input" placeholder="请输入小标题" id="pushbodyTitle" name="body2">
						&nbsp;
						<p>图片url</p>
						<input class="layui-input" placeholder="请输入图片url" id="pushbodyImgUrl" name="body3">
						&nbsp;
						<p>网页url</p>
						<input class="layui-input" placeholder="请输入网页url" id="pushbodyHtmlUrl" name="body4">
					
						<div style="margin-top: 2%">
							<button onclick="UI.pushOneToAll()" class="layui-btn">群发</button>
						</div>
					</div>
				</div>
				<!-- 示例 -->
				<div class="layui-row layui-col-space10">
					<div class="layui-col-md10" style="margin-left: 10%;margin-top: 2%;height: 2%;" >
						<h1>示例</h1>
						<img alt="" style="margin-left: 20%" src="./images/pushOne.png">
					</div>
				</div>
			</div>
		</div>
		
		<!-- 群发多条图文 -->
		<div id="pushManyText" class="layui-body hide" style="margin-left: 10%;margin-top: 2%">
			<div class="page_content">
				<div id="tb">
					<input id="body" name="title" class="layui-input" style="width: 20%;display: inline;margin-right: 1%" placeholder="请输入标题">
					<input id="bodyImgUrl" name="img" class="layui-input" style="width: 20%;display: inline;margin-right: 1%" placeholder="请输入图片url">
					<input id="bodyHtmlUrl" name="url" class="layui-input" style="width: 20%;display: inline;margin-right: 1%" placeholder="请输入网页url">
				</div>
				<button onclick="UI.add()" class="layui-btn" type="button" style="margin-top: 1%">新增</button>
				<button onclick="UI.pushManyToAll()" class="layui-btn" type="submit" style="margin-top: 1%">群发</button>
			
				
				<!-- 示例 -->
				<div class="layui-row layui-col-space10">
					<div class="layui-col-md10" style="margin-top: 5%;height: 2%" >
						<h1>示例</h1>
						<img alt="" style="margin-left: 20%" src="./images/pushMany.png">
					</div>
				</div>

			</div>
		</div>
		
		<!-- 自定义菜单 -->
		<div id="menu" class="layui-body hide">
			<div class="page_content">
				<select id="parentId" name="parentId" onchange="UI.change()" class="layui-select" style="margin-top: 1%">
					<option value='0'>一级菜单</option>
				</select>
				<input id="menu_name" class="layui-input" style="width: 10%;display: inline" placeholder="菜单名">
				<input id="menu_num" class="layui-input" style="width: 10%;display: inline" placeholder="排序">
				<input id="menu_url" class="layui-input" style="width: 15%;display: inline" placeholder="访问地址">
				<input id="menu_menuId" class="layui-input" style="width: 15%;display: inline" placeholder="menuId">
				<input id="menu_mark" class="layui-input" style="width: 10%;display: inline" placeholder="说明">
				<button onclick="UI.addMenu()" class="layui-btn" type="submit">添加菜单</button>

				<table class="layui-table">
					<thead>
						<tr>
							<th>菜单Id</th>
							<th>parentId</th>
							<th>菜单类型</th>
							<th>菜单名</th>
							<th>排序</th>
							<th>子菜单名</th>
							<th>访问地址</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody id="menu_td">
					
					</tbody>
				</table>

			</div>
		</div>
		
		<!-- 修改菜单 -->
		<div id="update_menu" class="layui-body layui-row layui-col-space10 hide">
			<div class="layui-col-md10" style="margin-left: 10%;">
				<div style="margin-top: 20px">
					<label class="layui-form-label">类型</label>
					<div class="layui-input-block">
						<select id="update_parentId" class="layui-select" disabled="disabled">
							<option value="0">一级菜单</option>
						</select>
					</div>
				</div>
				<input id="update_id" style="display: none">
				<div style="margin-top: 20px">
					<label class="layui-form-label">菜单名</label>
					<div class="layui-input-block">
						<input id="update_name" class="layui-input" type="text" value="">
					</div>

				</div>
				<div style="margin-top: 20px">
					<label class="layui-form-label">排序</label>
					<div class="layui-input-block">
						<input id="update_index" class="layui-input" type="text" value="">
						<p class="input_desc">此属性控制菜单显示的先后顺序</p>
					</div>
				</div>
				<div style="margin-top: 20px">
					<label class="layui-form-label">访问地址</label>
					<div class="layui-input-block">
						<input id="update_urls" class="layui-input" type="text" value="">
						<p class="input_desc">此属性在menu_id未填写时，客户端会直接跳转该网址</p>
					</div>
				</div>
				<div style="margin-top: 20px">
					<label class="layui-form-label">menu_id</label>
					<div class="layui-input-block">
						<input id="update_menu_id" class="layui-input" type="text" value="" placeholder="用来标识某一个接口">
						<p class="input_desc">此属性用来请求服务器接口的接口名称,如：/mp/manyToAll</p>
					</div>

				</div>
				<div style="margin-top: 20px">
					<label class="layui-form-label">说明</label>
					<div class="layui-input-block">
						<input id="update_desc" class="layui-input" type="text" value="">
					</div>
				</div>

					<!-- <select id="update_parentId" class="layui-select">
						<option value="0">一级菜单</option>
					</select>
					<input id="update_id" style="display: none">
					<p>菜单名</p>
					<input id="update_name" class="layui-input" type="text" value="">
					<p>排序</p>
					<input id="update_index" class="layui-input" type="text" value="">
					<p>访问地址</p>
					<input id="update_urls" class="layui-input" type="text" value="">
					<p>menu_id</p>
					<input id="update_menu_id" class="layui-input" type="text" value="" placeholder="用来标识某一个接口">
					<p>说明</p>
					<input id="update_desc" class="layui-input" type="text" value=""> -->
				

				<div style="margin-top: 20px">
					<button onclick="UI.submit_update()" type="button" class="layui-btn">提交</button>
					<button onclick="UI.return_btn()" type="button" class="layui-btn layui-btn-primary layui-btn-sm">返回</button>
				</div>
				
			</div>
		</div>
		
		<!-- 消息管理 -->
		<div id="msg_manager" class="layui-body hide">
			<div class="page_content">
				<ul class="message_list" id="message_list">
					
					

				</ul>

				<div class="layui-flow-more">
					<a href="javascript:;">
						<i id="loadingMsgList" style="display: none;" class="layui-anim layui-anim-rotate layui-anim-loop layui-icon "></i>
						<cite id="loadMoreMsgList" >加载更多</cite>
						<p id="noDataMsgList" style="display: none;" class="layui-flow-more">没有更多数据了</p>
					</a>
				</div>

			</div>
		</div>

		
		<!-- 粉丝管理 -->
		<div id="fan" class="layui-body hide">

			<div id="fansList" class="page_content">
				<div style="margin-top: 2%;margin-bottom:20px;">
					<input type="text" name="" class="layui-input nickName" style="width: 15%;display: inline" placeholder="粉丝昵称">
					<button class="layui-btn search_fans" onclick="UI.loadFansList(0)">搜索</button>
				</div>

				<table class="layui-table">
					<thead>
						<tr>
							<th style="width: 8%">头像</th>
							<th>粉丝Id</th>
							<th>粉丝昵称</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody id="fan_td">
					
					</tbody>
				</table>
				<div id="fan_laypage" class="layui-box layui-laypage layui-laypage-default">

				</div>
			</div>
		</div>




		<!-- 百度地图 -->
		<div id="baiduMap" style="display: none;">
			<div id="baiduMap_showArea" style="width:600px; height:500px;"></div>
		</div>


		<!-- 聊天图片点击放大显示区 -->
		<div id='mp_imgZoom_div' style="display: none;"></div>


		<!-- 聊天面板  -->
		<div id="mp_chatPanel" class="customer_message_panel"  style="overflow: hidden; display: none; ">
			
			<div class="customer-heading" style="background-color: #EEEEEE; vertical-align:middle;border-bottom: 1px solid #d6d6d6">
				<div style="height:40px">
					<div class="headContent">
						<div class="imgAvatar">
							<figure id="chatAvator" style="height:40px;width:40px;">
								<img onerror="'./images/ic_avatar.png'" src="./images/ic_avatar.png" class="chat_content_avatar">
							</figure>
						</div>
					</div>

					<div class="headContent">
							<h3  class="panel-title user_nickname">
								<span id="chatTitle">冰冰</span>
							</h3>
					</div>
					
				</div>
			</div>


			<div class="panel-body" style="padding: 0px;height:600px">
				<div id='messagePanel' class="nano coolchat_message_show_area" style="height: 400px;">
					<div class="nano-content" style="right:0">
						<div id="messageContainer" style="overflow: hidden;padding: 0 13px;"></div>
						<div id="messageEnd" style="height: 0px; overflow: hidden"></div>
					</div>
				</div>
				<div id="emojl-panel" class="emoji-panel" style="display: none;">
					
					<ul id="emojiList" class="emojiList" style=""></ul>
				</div>

				<div id="userfulText-panel" class="userfulText-panel" style="display: none;">
					<h3 class="title">
						<a href="javascript:" id="addUsefulTextBtn" class="link-set">添加</a>
						常用语
					</h3>
					<ul id="userfulTextList"></ul>
				</div>


				<div id="sendMsgScopeDiv" style="height:210px; ">
					
					<div style=" cursor: pointer; color: blue; font-size: 12px;">
						<span id="btnEmojl">
							<img id="img1" alt="" src="./images/emoji.png">
						</span>
						
						<span id="btnImg">
								<img alt="" src="./images/p.png">
						</span>
						<!-- 用于触发图片上传 -->
						<span id="imgUploadAction" style="display: none;"></span>
					
						<span id="btnFile">
							<img alt="" src="./images/wj.png">
						</span>
						<!-- 用于触发文件上传 -->
						<span id="fileUploadAction" style="display: none;"></span>
						
						<span id="userfulTextBtn" style="display: none;">
							<img style="margin-top: 5px" src="./images/userfulText.png">
						</span>
					</div>
					<textarea class="Input_text" id="messageBody" wrap="hard" style="padding: 0">
					</textarea>

					

					<div style="/*margin-top: 15px; */float: right;"> 
						<button id="btnSend" type="button"  class="layui-btn"  style="color: white; margin:10px 10px; background-color:#4baf4a; padding: 0 5px 0 10px;">发送（Enter）</button>
					</div>
				</div>
				
			</div>
		</div>
	
		
	</div>
	

	<script type="text/javascript" src="./common/layui/layui.all.js"></script>

	<!-- <scrip type="text/javascript" src="/pages/console/js/common.js"></scrip> -->
	<script type="text/javascript" src="./common/jquery/jquery.min.js"></script>
	<script type="text/javascript" src="./common/jquery/jquery.md5.js"></script>

	<!-- 视频播放器 -->
	<link rel="stylesheet" href="./common/plyr/plyr.css">
	<script type="text/javascript" src="./common/plyr/plyr.min.js"></script>

	<!--<script type="text/javascript" src="/pages/js/core.js"></script>
	<script type="text/javascript" src="/pages/js/tripledes.js"></script> -->

	<!-- <script type="text/javascript" src="/pages/js/_coolchat-commons.js"></script> -->
	
	<!-- 滚动条相关  -->
	<script type="text/javascript" src="./scrollbar/jquery.nanoscroller.js"></script>
	<script type="text/javascript" src="./scrollbar/jquery.nicescroll.js"></script>
	
	<script type="text/javascript" src="./js/mp_dataUtils.js"></script>
	<script type="text/javascript" src="./js/mp_commons.js"></script>

	<!-- websocket IM  -->
	<script src="./js/protobuf.js"></script>
	<script src="./js/websocket_sdk.js"></script>
	<script src="./js/webim.js"></script>

	<!-- 百度地图 -->
	<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=jKNQmZGpICFGGVpZL2qMIWz5FQQG14PW"></script>

	<script type="text/javascript" src="js/baidu-map.js"></script>





	<!-- 消息加密相关-->
	<script type="text/javascript" src="js/core.js"></script>
	<script type="text/javascript" src="js/tripledes.js"></script>

	<script type="text/javascript" src="./js/mp_httpApi.js"></script>

	<script type="text/javascript" src="./js/mp_chat.js"></script>

	<script type="text/javascript" src="./js/mp_index.js"></script>
	<script type="text/javascript" src="./js/mp_init.js"></script>
	
</body>
</html>